/*!
 * Start Bootstrap - Blog Home (http://startbootstrap.com/)
 * Copyright 2013-2016 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap/blob/gh-pages/LICENSE)
 */
$maincolor: #777;

body {
    padding-top: 70px;
    /* Required padding for .navbar-fixed-top. Remove if using .navbar-static-top. Change if height of navigation changes. */
    .my-navbar {
        border-color: #ddd;
        background-color: #fff;
        .navbar-header {
            width: 100%;
            .navbar-brand {
                margin-right: 1.5em;
                color: $maincolor;
            }
        }
        .navbar-search {
            width: 200px;
            display: inline-block;
            float: right;
            padding: 8px 0;
        }


    }
}

.my-container {
    width: 78% !important;
    .blog-list {
        .blog-item {
            padding-bottom: 1em;
            margin-bottom: 1em;
            border-bottom: solid 1px #eee;
            h2 {
                margin: 0 0 0.1em 0;
                font-size: 1.9em;
                a {
                    color: #444;
                }
                a:hover {
                    color: #3e9def;
                    text-decoration: underline;
                }
            }
            .author-time {
                color: #aaa;
                font-size: 1.2em;
                margin: 0;
                .author,
                .category {
                    margin-right: 2em;
                }
                a{
                    color: inherit;
                }
            }
            .blog-summary {
                font-size: 1.2em;
                color: $maincolor;
                margin: 1.2em 0;
            }
        }
    }
    .right-side{
        .side-area{
            h4{
                font-size: 16px;
                color: #555;
            }
            .content{
                padding-left: 15px;
                .list{
                    line-height: 2.2em;
                    list-style: square;
                    color: #666;
                    .read-count{
                        color: #aaa;
                        margin-left: 0.3em;
                    }
                }
            }
        }
    }
}

footer{
    margin: 3em 0 0 0;
    padding: 1em 0;
    border-top: solid 1px #eee;
    color: #AAA;
    text-align: center;
}

.pager{
    .pager-item{
        display: inline-block;
        margin: 0 5px 2px 0;
        padding: 0 8px;
        border: 1px solid #ddd;
        color: #555;
        zoom: 1;
        height: 26px;
        width: 26px;
        line-height: 26px;
        text-decoration: none;
        cursor: pointer;
    }

    .pager-item.active-page,.pager-item:hover {
        background: #f8f8f8;
        border-bottom-color: #5895be;
    }
    .pager-item:hover{
        color: #5895be;
    }
}

.text-center{
    text-align: center;
}